number 类型 input 同时响应 blur、keyup 和箭头事件

| 选择喜欢的代码风格  

在HTML中,<input type="number"> 元素的上下箭头(微调按钮)触发的事件并不会直接触发 keyup 事件,因为这些箭头并不是键盘按键。相反,当用户点击这些箭头时,会触发 input 事件和 change 事件

input:当输入框的值发生改变时触发(包括用户通过上下箭头更改值的情况)。

$("#input").on("blur keyup input", function() {
    my_func();
});

如果你使用的是较旧的浏览器,可能需要考虑兼容性问题。input 事件在现代浏览器中是被广泛支持的,但在一些非常旧的浏览器(如 IE9 及以下)中可能不支持。如果你需要兼容旧浏览器,可以考虑使用 propertychange 事件作为补充:

$("#input").on("blur keyup input propertychange", function() {
    my_func();
});

INPUT number 扩展阅读:


 

CommandNotFound ⚡️ 坑否 - 其他频道扩展阅读:




发表评论